<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="js/common/echats5.3.0.js"></script>
  <script src="js/common/jquery-2.1.4.min.js"></script>
  <script src="js/common/echarts-gl.min.js"></script>
  <script src="js/common/rem.js"></script>
  <script src="js/common/shanxi.js"></script>
  <script src="js/common/hallList.js"></script>
  <script
    src="https://webapi.amap.com/maps?v=2.0&key=dcce730e187f51e0fe140979e3c6a66f&plugin=AMap.ElasticMarker"></script>
  <script src="https://webapi.amap.com/loca?v=2.0.0&key=dcce730e187f51e0fe140979e3c6a66f"></script>
  <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="./css/common.css" />
  <link rel="stylesheet" href="./css/animate.min.css" />
  <link rel="stylesheet" href="./css/animate.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./css/bjtj.css" />
  <link rel="stylesheet" href="./css/zzzd.css" />
</head>

<body style="overflow: hidden">
  <div id="head"></div>
  <script type="text/javascript">
    $("#head").load("./header.html");
    setTimeout(function () {
      // 菜单
      var res = $(".bottomMenu .menu:contains(终端统计)");
      $(res).addClass("active");
    }, 500);
  </script>
  <div id="map" style="
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 0;
    "></div>
  <!-- 顶部数据 -->
  <div class="flexaround">
    <div class="bigdata_box flexaround">
      <div>
        <div class="name bluetwo">终端总数</div>
        <div class="mt10">
          <span class="fontding font24 text-xie mr5">368</span>台
        </div>
      </div>
      <div>
        <img src="./images/index/icon_fgx.png" alt="" style="width: 25rem;">
      </div>
      <div>
        <div class="name green">村级</div>
        <div class="mt10">
          <img src="./images/index/green.png" style="width: 25rem; margin-top: -7rem;">
          <span class="fontding font24 text-xie mr5">89</span>台
        </div>
      </div>
      <div>
        <img src="./images/index/icon_fgx.png" alt="" style="width: 25rem;">
      </div>
      <div>
        <div class="name blue">乡级</div>
        <div class="mt10">
          <img src="./images/index/blue.png" style="width: 25rem; margin-top: -7rem;">
          <span class="fontding font24 text-xie mr5">253</span>台
        </div>
      </div>
      <div>
        <img src="./images/index/icon_fgx.png" alt="" style="width: 25rem;">
      </div>
      <div>
        <div class="name red">县级</div>
        <div class="mt10">
          <img src="./images/index/red.png" style="width: 25rem; margin-top: -7rem;">
          <span class="fontding font24 text-xie mr5">24</span>台
        </div>
      </div>
      <div>
        <img src="./images/index/icon_fgx.png" alt="" style="width: 25rem;">
      </div>
      <div>
        <div class="name">市级</div>
        <div class="mt10">
          <img src="./images/index/orange.png" style="width: 25rem; margin-top: -7rem;">
          <span class="fontding font24 text-xie mr5">2</span>台
        </div>
      </div>
    </div>
  </div>
  <!-- 左侧 -->
  <div class="leftBox animated animate__fadeInLeftBig">
    <div class="boxCard">
      <div class="boxCardTitle">
        各区县终端使用次数统计
      </div>
      <div class="flexbetween">
        <div class="specDataBoxCase mt10">
          <div class="name">晋城城区</div>
          <div class="value mt10">
            <span id="goverYear">26571</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">晋城阳城县</div>
          <div class="value mt10">
            <span id="goverMonth">6367</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">晋城陵川县</div>
          <div class="value mt10">
            <span id="goverWeek">5161</span>次
          </div>
        </div>
      </div>
      <div class="flexbetween">
        <div class="specDataBoxCase mt10">
          <div class="name">晋城泽州县</div>
          <div class="value mt10">
            <span id="goverWeek">954</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">运城万荣县</div>
          <div class="value mt10">
            <span id="goverYear">10185</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">运城河津市</div>
          <div class="value mt10">
            <span id="goverMonth">1449</span>次
          </div>
        </div>
      </div>
      <div class="flexbetween">
        <div class="specDataBoxCase mt10">
          <div class="name">运城芮城县</div>
          <div class="value mt10">
            <span id="goverWeek">970</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">运城稷山县</div>
          <div class="value mt10">
            <span id="goverWeek">166</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">阳泉平定县</div>
          <div class="value mt10">
            <span id="goverWeek">5400</span>次
          </div>
        </div>
      </div>
      <div class="flexbetween">
        <div class="specDataBoxCase mt10">
          <div class="name">阳泉矿区</div>
          <div class="value mt10">
            <span id="goverWeek">3915</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">阳泉郊区</div>
          <div class="value mt10">
            <span id="goverWeek">2534</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">阳泉盂县</div>
          <div class="value mt10">
            <span id="goverWeek">2437</span>次
          </div>
        </div>
      </div>
      <div class="flexbetween">
        <div class="specDataBoxCase mt10">
          <div class="name">阳泉城区</div>
          <div class="value mt10">
            <span id="goverWeek">1651</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">阳泉开发区</div>
          <div class="value mt10">
            <span id="goverWeek">409</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">朔州朔城区</div>
          <div class="value mt10">
            <span id="goverWeek">827</span>次
          </div>
        </div>
      </div>
      <div class="flexbetween">
        <div class="specDataBoxCase mt10">
          <div class="name">朔州平鲁区</div>
          <div class="value mt10">
            <span id="goverWeek">141</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">长治武乡县</div>
          <div class="value mt10">
            <span id="goverWeek">11867</span>次
          </div>
        </div>
        <div class="specDataBoxCase mt10">
          <div class="name">大同云冈区</div>
          <div class="value mt10">
            <span id="goverWeek">1636</span>次
          </div>
        </div>
      </div>
      <div class="flexbetween">
        <div class="specDataBoxCase mt10">
          <div class="name">吕梁方山县</div>
          <div class="value mt10">
            <span id="goverWeek">541</span>次
          </div>
        </div>
      </div>
    </div>
    <div class="boxCard mt12">
      <div class="boxCardTitle">
        各地市终端数量
      </div>
      <div id="cityTerminalCount" style="height: 290rem;"></div>
    </div>
  </div>
  <!-- 右侧 -->
  <div class="rightBox animated animate__fadeInRightBig">
    <div class="boxCard">
      <div class="boxCardTitle">
        各模块使用次数统计
      </div>
      <div id="moduleUsedCount" style="height: 270rem; background: none;"></div>
    </div>
    <div class="boxCard mt20">
      <div class="boxCardTitle">
        操作行为统计
      </div>
      <div class="use-map-box">
        <div class="ues-map-top">
          <div class="use-title-box">
            <div class="use-title-item-box">
              <div class="use-title-box-item">
                <div style="background: #96BFFF" class="use-title-box-item-circle"></div>
                <div class="use-title-box-item-text">其他行为</div>
              </div>
              <div class="use-title-num-box"><span>6.08%</span></div>
            </div>
            <div class="use-title-item-box" style="margin-top: 24rem;">
              <div class="use-title-box-item">
                <div style="background: #5AD8A6" class="use-title-box-item-circle"></div>
                <div class="use-title-box-item-text">证明申报</div>
              </div>
              <div class="use-title-num-box"><span>3.62%</span></div>
            </div>
          </div>
          <div class="use-map-bg" id="actionCount"></div>
          <div class="use-title-box">
            <div class="use-title-item-box">
              <div class="use-title-box-item">
                <div style="background: #66E1DF" class="use-title-box-item-circle"></div>
                <div class="use-title-box-item-text">查指南</div>
              </div>
              <div class="use-title-num-box"><span>33.75%</span></div>
            </div>
            <div class="use-title-item-box" style="margin-top: 24rem;">
              <div class="use-title-box-item">
                <div style="background: #ce2772" class="use-title-box-item-circle"></div>
                <div class="use-title-box-item-text">身份证打印</div>
              </div>
              <div class="use-title-num-box"><span>20.37%</span></div>
            </div>
          </div>
        </div>
        <div class="use-item-case">
          <div class="use-title-item-box">
            <div class="use-title-box-item">
              <div style="background: #D37295" class="use-title-box-item-circle"></div>
              <div class="use-title-box-item-text">申请表打印</div>
            </div>
            <div class="use-title-num-box"><span>4.67%</span></div>
          </div>
          <div class="use-title-item-box">
            <div class="use-title-box-item">
              <div style="background: #F6BD16" class="use-title-box-item-circle"></div>
              <div class="use-title-box-item-text">打印凭证</div>
            </div>
            <div class="use-title-num-box"><span>4.85%</span></div>
          </div>
          <div class="use-title-item-box">
            <div class="use-title-box-item">
              <div style="background: #6F5EF9" class="use-title-box-item-circle"></div>
              <div class="use-title-box-item-text">事项申报</div>
            </div>
            <div class="use-title-num-box"><span>12.9%</span></div>
          </div>
          <div class="use-title-item-box">
            <div class="use-title-box-item">
              <div style="background: #0092FF" class="use-title-box-item-circle"></div>
              <div class="use-title-box-item-text">便民查询</div>
            </div>
            <div class="use-title-num-box"><span>13.76%</span></div>
          </div>
        </div>
      </div>
    </div>
    <div class="boxCard mt20">
      <div class="boxCardTitleThree">
        事项访问统计
      </div>
      <div class="chooseBtnGroup flex mt10 perTownCount" id="">
        <div class="active" data-type="zw">政务事项</div>
        <div data-type="zm">证明事项</div>
      </div>
      <table class="mytable mt10" style="table-layout: fixed;">
        <thead>
          <tr>
            <th style="width: 20%">序号</th>
            <th style="width: 60%; text-align: left;">事项名称</th>
            <th style="width: 20%; text-align: left;">使用次数</th>
          </tr>
        </thead>
      </table>
      <div id="administrative_container" style="height: 200rem; overflow: hidden">
        <table id="administrative_hotCon" class="mytable" style="table-layout: fixed"></table>
      </div>
    </div>

  </div>
</body>

</html>

<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="./js/index/zzzd.js"></script>